<template>
	<div>

		<el-table :data="list" style="width: 100%;padding-top: 15px;">
			<el-table-column width="200" align="center">
				<span>未处理消息通知</span>
				<el-select v-model="value8" filterable placeholder="请选择">
					<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
					</el-option>
				</el-select>
			</el-table-column>
			<el-table-column prop="Warehouse" label="仓库" width="200" align="center">
			</el-table-column>
			<el-table-column prop="food" label="食品" width="200" align="center">
			</el-table-column>
			<el-table-column prop="waring" label="预警值" width="200" align="center">
			</el-table-column>
		</el-table>
	</div>

</template>

<script>
	import { fetchList } from '@/api/transaction'

	export default {
		data() {
			return {
				list: 
					[{
					Warehouse: '总仓',
					food: '芒果干',
					waring: '低于预警值5.9%',
				},
				{
					Warehouse: '衡阳仓',
					food: '梅子干',
					waring: '低于预警值2.5%',
				}, 
				{
					Warehouse: '长沙仓',
					food: '荔枝干',
					waring: '低于预警值2.9%',
				}]
				,
				option:
					[{
          value: '选项1',
          label: '黄金糕'
        }, {
          value: '选项2',
          label: '双皮奶'
        }, {
          value: '选项3',
          label: '蚵仔煎'
        }, {
          value: '选项4',
          label: '龙须面'
        }, {
          value: '选项5',
          label: '北京烤鸭'
        }],
        value8: '',
	}
			}
		}
</script>